<html>
	
<head>
  <title>Youtube War</title>
  <link href="../css/style.css" type="text/css" rel="stylesheet"/>
  <link href="../css/youtube/video_browser.css" type="text/css" rel="stylesheet"/>
  <script src="../js/youtube/video_browser.js" type="text/javascript"></script>
</head>

<body>
<div id="main">
  <div id="titleBar">
    <div id="titleText"><h1>YouTube</h1></div>
    <div id="searchBox" >
      <form id="searchForm" onsubmit="ytvbp.listVideos(this.queryType.value, this.searchTerm.value, 1); return false;">
				<input name="queryType" type="hidden" value="all">
        <input name="searchTerm" type="text">
        <input type="submit" value="Search">
      </form>
    </div>
    <br />
  </div>
  <br clear="all" />
  <div id="searchResults">
    <div id="searchResultsListColumn">
      <div id="searchResultsVideoList"></div>
      <div id="searchResultsNavigation">
        <form id="navigationForm">
          <input type="button" id="previousPageButton" onclick="ytvbp.listVideos(ytvbp.previousQueryType, ytvbp.previousSearchTerm, ytvbp.previousPage);" value="Back" style="display: none;"></input>
          <input type="button" id="nextPageButton" onclick="ytvbp.listVideos(ytvbp.previousQueryType, ytvbp.previousSearchTerm, ytvbp.nextPage);" value="Next" style="display: none;"></input>
        </form>
      </div>
    </div>
    <div id="searchResultsVideoColumn">
      <div id="videoPlayer"></div>
    </div> 
  </div>
</div>
</body>

</html>
